<template>
  <div class="rightArea">
    <div class="nav font42">
      <div>当季热卖</div>
    </div>
    <div class="linelb1"></div>
    <div class="goodsList font30">
      <div class="media-box">
        <router-link to="/details/999">
          <img alt="">
        </router-link>
        <div class="title title1">22222</div>
        <div class="title title2">33333</div>
        <div class="box">
          <span class="price">￥1999 </span>
          <span class="count">99人</span>
        </div>
      </div>
      <div class="media-box">
        <router-link to="/details/999">
          <img alt="">
        </router-link>
        <div class="title title1">22222</div>
        <div class="title title2">33333</div>
        <div class="box">
          <span class="price">￥1999 </span>
          <span class="count">99人</span>
        </div>
      </div>
      <div class="media-box">
        <router-link to="/details/999">
          <img alt="">
        </router-link>
        <div class="title title1">22222</div>
        <div class="title title2">33333</div>
        <div class="box">
          <span class="price">￥1999 </span>
          <span class="count">99人</span>
        </div>
      </div>
      <div class="media-box">
        <router-link to="/details/999">
          <img alt="">
        </router-link>
        <div class="title title1">22222</div>
        <div class="title title2">33333</div>
        <div class="box">
          <span class="price">￥1999 </span>
          <span class="count">99人</span>
        </div>
      </div>
      <div class="media-box">
        <router-link to="/details/999">
          <img alt="">
        </router-link>
        <div class="title title1">22222</div>
        <div class="title title2">33333</div>
        <div class="box">
          <span class="price">￥1999 </span>
          <span class="count">99人</span>
        </div>
      </div>
    </div>
  </div>
</template>
<script>
  export default {
    data () {
      return {}
    },
    mounted(){

    },
    props: {},
    components: {},
    method: {}
  }
</script>

<style scoped>
  .rightArea{
    float: right;
    width: 3.2rem;
    margin-right: 0.08rem;
  }
  .nav{
    margin-left: -0.08rem;
  }
  .linelb1{
    height: 0.37rem;
    width: 3.16rem;
    margin: 0.25rem 0 0 0;
    border-left:0.04rem solid white;
    border-bottom:0.04rem solid white;
  }
  .goodsList {
    height:14.94rem;
    margin-top:0.63rem;
    overflow: scroll;
  }
  .media-box{
    margin-bottom: 1rem;
  }
</style>
